<template>
  <div class="no-result">
    <div class="no-result-icon"></div>
    <p class="no-result-text">{{title}}</p>
  </div>
</template>
<script>
  export default {
    props: {
      title: {
        type: String,
        default: '',
      },
    },
  };
</script>
<style scoped lang='stylus'>
@import '~styl/mixin'
@import '~styl/var'
  .no-result
    text-align center
    .no-result-icon
      margin 0 auto
      icon('no-result', 86px, 90px)
    .no-result-text
      margin-top 30px
      font-size $font-size-medium
      color $color-text-d
</style>
